<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "Category",
  data() {
    return {
      games: ['红色警戒', '穿越火线', '劲舞团', '超级玛丽'],
    }
  },
})
</script>

<template>
  <div class="category">
    <slot :games="games"></slot>
  </div>
</template>

<style scoped lang="less">
.category {
  width: 200px;
  background-color: cadetblue;
  text-align: center;
}

h3 {
  background-color: #DC143C;
}
</style>
